<script setup lang="ts">
const props = defineProps({
  classSelf: {
    type: Object
  }
});
</script>
<template>
  <a-menu
    @click="
      (object) => {
        if (object.item.title == '在线底图注记') {
          props.classSelf.baseLayerChange(object.key.split(','));
        } else if (object.item.title == '地图类型') {
          props.classSelf.mapChange(object.key);
        } else if (object.item.title == '主题') {
          props.classSelf.setState({
            algorithm: object.key
          });
          props.classSelf.setItem('algorithm', object.key);
        }
      }
    "
    :selectable="false"
    mode="horizontal"
    :items="[
      {
        label: '地图瓦片',
        children: [
          { title: '在线底图注记', key: '高德矢量全图', label: '高德矢量' },
          { title: '在线底图注记', key: '高德影像底图,高德影像注记', label: '高德影像' },
          { title: '在线底图注记', key: '腾讯矢量全图', label: '腾讯矢量' },
          { title: '在线底图注记', key: '腾讯影像底图,腾讯影像注记', label: '腾讯影像' },
          { title: '在线底图注记', key: '百度矢量全图', label: '百度矢量' },
          { title: '在线底图注记', key: '百度影像底图,百度影像注记', label: '百度影像' }
        ]
      },
      {
        label: '地图类型',
        children: [
          { title: '地图类型', key: '2dOne', label: '二维地图' },
          { title: '地图类型', key: '3dOne', label: '三维地图' },
          { title: '地图类型', key: '2d3dSingle', label: '二三维一体化 单屏' },
          { title: '地图类型', key: '2d3dDual', label: '二三维一体化 双屏' }
        ]
      },
      {
        label: '主题',
        children: [
          { title: '主题', key: 'defaultAlgorithm', label: '亮色风格' },
          { title: '主题', key: 'darkAlgorithm', label: '暗色风格' }
        ]
      }
    ]"
  />
</template>
